<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>상담원 메인</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div class="custom_info">
	<h2>고객정보</h2>
	<!-- 고객정보 검색 START -->
	<div class="search_area">
	<form action="#">
		<fieldset>
			<legend>고객정보검색</legend>
			<ul>
				<li><label for="num">계약번호 :</label><span><input type="text" id="num" value="123456789" readonly="readonly" /></span></li>
				<li class="wrap_name"><label for="name">고객명 : <!-- <img src="img/ico_black.png" alt="해골" /> --><img src="img/ico_love.png" alt="하트" /></label><span><input type="text" id="name"  value="홍길동"  readonly="readonly" /></span></li>
				<li><label for="birth">생년월일 :</label><span><input type="text" id="birth"  value="1988.10.12" readonly="readonly" /></span></li>
				<li><label for="tel">전화번호 :</label><span><input type="text" id="tel"  value="010-2222-2222" readonly="readonly" /></span></li>
				<li><label for="join_date">가입일자 :</label><span><input type="text" id="join_date"  value="2008.10.10" readonly="readonly" /></span></li>
				<li><label for="address">주 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;소 :</label><span><input type="text" id="address"  value="서울시 강남구 역삼1동 845-99" readonly="readonly" /></span></li>
				<li><label for="support">후원회원 :</label><span><input type="text" id="support"  value="홍길순" readonly="readonly"/></span></li>
				<li><label for="email">이 메 일 :</label><span><input type="text" id="email"  value="name@naver.com" readonly="readonly"/></span></li>
			</ul>
			<div class="search_btns">
				<span class="btn mid"><button type="submit">고급검색</button></span>
				<span class="btn mid"><button type="reset">초기화</button></span>					
			</div>
		</fieldset>
	</form>
	</div>
	<!-- 고객정보 검색 END -->
</div>
<div class="wrap_result_list">
	<h2>조회내역</h2>
	<ul class="tablist">
		<li class="on"><a href="#tab1">상담내역 (16)</a></li>
		<li><a href="#tab2">통화내역 (13)</a></li>
		<li><a href="#tab3">콜백 (0)</a></li>
	</ul>
	<!-- 상담내역 START -->
	<div id="tab1" class="tabcon">
		<iframe src="tab01.html" frameborder="0" height="420" width="1055" scrolling="no" title="상담내역"></iframe>
	</div>
	<!-- 상담내역 START -->
	<!-- 통화내역 START -->
	<div id="tab2" class="tabcon">
		<iframe src="tab02.html" frameborder="0" height="400" width="1055" scrolling="no" title="통화내역"></iframe>
	</div>
	<!-- 통화내역 START -->
	<!-- 콜백 START -->
	<div id="tab3" class="tabcon">
		<iframe src="tab03.html" frameborder="0" height="400" width="1055" scrolling="no" title="콜백 내역"></iframe>
	</div>
	<!-- 콜백 START -->
</div>
</body>
</html>